// 轮播图效果,注意不用修改此代码
import '../lib/layui/layui.js';
import '../lib/jquery.js'
import { $messageTip, $axios, axiosBaseUrl } from './util.js'

const axios = $axios()

let userInfo = sessionStorage.getItem('frontUserInfo')
userInfo = JSON.parse(userInfo)
// 右上角切换 是否为登录状态
if (userInfo) {
  $('.off').removeClass('active')
  $('.on').addClass('active')

  $('.nickname').text(userInfo.nickname)

} else {
  $('.off').addClass('active')
  $('.on').removeClass('active')
}

// 个人中心
$('.self').on('click', () => {
  location.href = './self.html'
})
// 注销登录按钮
$('.logout').on('click', () => {
  logout()
})


// 获取轮播图
function getCarouselList() {
  axios.get('/carousel/list').then(res => {
    if (res.data) {
      const data = JSON.parse(res.data)
  
      if (data.code === 1) {
        let html = ''
        data.list.forEach(item => {
          html += `<div>
          <img src="${axiosBaseUrl}/${item.name}">
          </div>`
        })
        //layui渲染轮播 代码不动
        $('.carousel-imgs').html(html)
        layui.carousel.render({
          elem: '#carousel', // 选择器
          width: '1200px', //设置容器宽度
          height: '600px',
          arrow: 'hover',
          anim: 'fade' //切换动画方式
        });
      }
  
    }
  })
}

getCarouselList()

// 登出
function logout() {
  if (confirm('确认要退出登录吗？')) {
    let userInfo = sessionStorage.getItem('frontUserInfo')
    if (userInfo) {
      userInfo = JSON.parse(userInfo)
      axios.get('/users/logout', {
        params: {
          id: userInfo.id
        }
      }).then(res => {
        if (res.data) {
          const data = JSON.parse(res.data)
          if (data.code === 1) {
            sessionStorage.removeItem('frontToken')
            sessionStorage.removeItem('frontUserInfo')
            window.location.reload()
          } else {
            $messageTip(data.message)
          }
        }
      })
    }
  }
}